<template>
	<view id="app">
			
			<view class="contentBox">
				<view class="box" v-for="item,index in 5" :key='index'>
					<view>
						<img src='https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/97be9d5a066c4ceaa3a7551eeefed7b0~tplv-k3u1fbpfcp-watermark.image'>
					</view>
					<view>
						<text class="msgtxt">是德国哈山东黄金阿斯蒂芬干哈速度发货就卡死的风格</text>
						<view>
<u-tag text="狼狈为奸" mode="plain" />
</view>
						<text class="txt">爱得疯狂加班的v阿散井康拉德VS</text>
						<text class="txt"> 爱得疯狂加班的v阿散井康拉德VS</text>
					</view>
				</view>
			</view>
			
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		name:'biliSymmetry',
		methods: {
		}
	}
</script>

<style scoped lang="less">
	.box{
		width: 100%;
		height: 240rpx;
		border-bottom: 2px solid #f9f9f9;
		display: flex;
		    padding: 4rpx;
		:nth-child(1){
			width: 40%;
			img{
				width: 95%;
				height: 95%;
				text-align: center;
				}
				
		}
		:nth-child(2){
			width: 60%;
			// background:#007AFF;
			view{
				width: auto;
				height: 50rpx;
			}
			.msgtxt{
				font-size: 28rpx;
				font-weight: 800;
				line-height: 50rpx;
			}
			.txt{
				color: rgb(141, 141, 141);
			}
		}
	}
</style>
